<template>
 	<view>
 		<view style="padding: 30rpx 30rpx 100rpx 30rpx;background: #4066F4;text-align: left;color: #fff;"
 			class="u-flex u-row-between">
 			<view>
 				<view>当前余额</view>
 				<view style="font-size: 40rpx;margin-top: 20rpx;">￥{{info.balance}}</view>
 			</view>
 			<view>
 				<view>可用佣金</view>
 				<view style="font-size: 40rpx;margin-top: 20rpx;">￥{{info.commission}}</view>
 			</view>

 		</view>
 		<view class="" style="background: #fff;border-radius: 60rpx 60rpx  0 0;position: relative;bottom: 50rpx;">

 			<view class="u-flex u-row-around" style="padding: 40rpx 0;">
 				<view v-for="(item,index) in classList" :key="index" index="item" @click="clickGrid(item.url)">
 					<u-image :src="item.img" width="100" height="100"></u-image>
 					<view class="grid-text">{{item.txt}}</view>
 				</view>
 			</view>

 			<view style="margin:0 auto 40rpx auto;width: 140rpx;">
 				<u-image :src="$ftpUrl('/yuerTittle.png')" width="200" height="90"></u-image>
 			</view>

 			<view class="mode" v-if="list.length">
 				<view class="" v-for="(item,index) in list" :key="index"
 					class="  u-padding-30 u-border-bottom u-flex u-row-between">
 					<view>
 						<view class="" style="font-size: 30rpx;">
 							{{item.remark}}
 						</view>
 						<view class="" style="color: #999;">
 							{{item.createTime}}
 						</view>
 					</view>
 					<view class="">
 						￥{{item.number}}
 					</view>
 					
 				</view>
 			</view>
			<view class="empty" v-else>
				<u-empty text="暂无明细" mode="list"></u-empty>
			</view>
 		</view>

		
		
 		<u-loadmore :status="initial.status" v-if="list.length" />
 		
 		<view class="u-margin-top-40" v-else>
 				<u-empty text="暂无明细" mode="history"></u-empty>
 		</view>
 		


 	</view>
 </template>

 <script>
 	import loader from '@/common/loadPage.js';

 	export default {
 		mixins: [loader],
 		data() {
 			return {
				// {
				// 	img: "/static/wallet_3.png",
				// 	txt: "提现账号",
				// 	url: "/else/wallet/accountInfo"
				
				// },
 				classList: [{
 					img: "/static/wallet_1.png",
 					txt: "佣金提现",
 					url: "/else/wallet/tixian"
 				}, {
 					img: "/static/wallet_2.png",
 					txt: "余额充值",
 					url: "/else/wallet/addMenony"
 				}, {
 					img: "/static/wallet_4.png",
 					txt: "佣金明细",
 					url: "/else/wallet/commisiondetail"
 				}],
 				initial: {
 					geturl: "/Financial/balance",
 					parm: {
 						
 					},

 				},
 				list: [],
				info:{
					balance:"",
					commission:"",
				}

 			}
 		},
 		onLoad() {
 			
 		},
 		onShow() {
            this.$u.api.userInfo().then(res=>{
				this.info=res
			})
			this.getGoods();
 		},
 		methods: {
 			
			clickGrid(item){
				uni.navigateTo({
					url:item
				})
			}

 		}
 	}
 </script>

 <style>
 	.mode {
 		padding: 0rpx 0 !important;
 		box-shadow: 0px 2px 6px rgba(153, 153, 153, 0.2);
 		margin-bottom: 50rpx;
 		border-radius: 40rpx;
 	}

 	.icon {
 		width: 32rpx;
 		height: 32rpx;
 		margin-right: 10rpx;
 	}
 </style>
